<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>轿运联盟</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="author" content="" />
<link rel="stylesheet" href="css/dialog.css" />
<link rel="stylesheet" type="text/css" href="css/mobile-select-area.css">
<link rel="stylesheet" href="css/style.css" />
<style type="text/css">

</style>
 </head>
 
<body>
<!-- 文档 -->
<div class="g-doc">
	<div class="nav-head">
		<a href="javascript:window.history.go(-1);">返回</a>
		<span>路线信息查找</span>
		<a class="hide-layout">查找</a>
	</div>
	<div class="search-contain">
		<div class="search-area">
			<div class="search-row">
				<div class="search-row-left">
					<span class="search-name">出发地</span>
					<input type="text" id="txt_area1" value="" />
				</div>
				<span class="item-icon"></span>
			</div>
			<div class="search-row">
				<div class="search-row-left">
					<span class="search-name">目的地</span>
					<input type="text" id="txt_area2" value="" />
				</div>
				<span class="item-icon"></span>
			</div>		
		</div>
		<button>立即查找</button>
	</div>
</div>

<div class="height40"></div>
<!--fix-menu-->
<div id="g-fix-menu" class="g-fix-menu">
		<a href="index.html">
			<img src="img/home.png" />
			<span>首页</span>
		</a>
		<a href="publish.html">
			<img src="img/sort.png" />
			<span>发布</span>
		</a>
		<a href="tel:13808828050">
			<img src="img/car.png" />
			<span>司机之家</span>
		</a> 	
		<a href="member.html">
			<img src="img/huiyuan.png" />
			<span>会员</span>
		</a> 			
</div>
<script src="js/jquery-1.11.2.js"></script>
<!--<script src="js/slide.min.js"></script>-->
<script src="js/slide.js"></script>
<script type="text/javascript" src="js/dialog.js"></script>
<script type="text/javascript" src="js/mobile-select-area.js"></script>
<script>
	$('.ck-slide').ckSlide({
		autoPlay: true,//默认为不自动播放，需要时请以此设置
		dir: 'x',//默认效果淡隐淡出，x为水平移动，y 为垂直滚动
		interval:3000,//默认间隔3000毫秒
		isAnimate:true
	});
</script>
<script>
	$(document).ready(function(){ 	
		$.get('data.json', function (result) {
			var input_selectArea= result;

			var selectArea1 = new MobileSelectArea();
			selectArea1.init({ trigger: '#txt_area1', value: $('#hd_area').val(), data: [],eventName: 'click' });
			selectArea1.settings.data = input_selectArea.data;
			selectArea1.data = input_selectArea.data;
			
			var selectArea2 = new MobileSelectArea();
			selectArea2.init({ trigger: '#txt_area2', value: $('#hd_area').val(), data: [],eventName: 'click' });
			selectArea2.settings.data = input_selectArea.data;
			selectArea2.data = input_selectArea.data;
		});
	});		

</script>
</body>
</html>
